﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input[type="text"],
input[type="password"] {
    max-width: 280px;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}


  .button {
    background: -webkit-linear-gradient(top,#008dfd 0,#0370ea 100%);
    border: 1px solid #076bd2;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.3;
    padding: 8px 25px;
    text-align: center;
    text-shadow: 1px 1px 1px #076bd2;
    letter-spacing: normal;
  }
  .center {
    padding: 10px;
    text-align: center;
  }
  .final {
    color: black;
    padding-right: 3px; 
  }
  .interim {
    color: gray;
  }
  .info {
    font-size: 14px;
    text-align: center;
    color: #777;
    display: none;
  }
  .right {
    float: right;
  }
  .sidebyside {
    display: inline-block;
    min-height: 40px;
    text-align: left;
    vertical-align: top;
  }
  #headline {
    font-size: 40px;
    font-weight: 300;
  }
  #info {
    font-size: 20px;
    text-align: center;
    color: #777;
    visibility: hidden;
  }
  .copy-to,
  #results {
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #ddd;
    padding: 15px;
    text-align: left;
    min-height: 150px;
  }
  #start_button {
    border: 0;
    background-color:transparent;
    padding: 0;
  }
.copy-to-head {
    padding:10px 0px 0px 0px;
    font-weight:bold;
}

/*chat bot*/  
.botchat-history {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    min-height: 250px;
    padding: 8px 6px;
}
.botchat-turn {
    flex-shrink: 0;
}
.botchat-history, .botchat-turn {
    display: flex;
    flex-direction: column;
}
.botchat-left, .botchat-right {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: baseline;
    margin-bottom: 10px;
}
.botchat-left {
    align-self: flex-start;
}
.botchat-right {
    align-self: flex-end;
}
.botchat-bubble {
    padding: 5px 10px;
    color: #000;
    background: #f1f0f0;
    border-radius: 1.3em;
}
.botchat-user {
    background: #0084ff;
    color: #fff;
}
.botchat-timestamp {
    color: #aaa;
    font-size: 10px;
    margin-left: 7px;
    margin-right: 7px;
}
.botchat-bottom {
    border:solid #ECECEC 1px;
}
.botchat-buttons a {
    float:right;
    display:inline-block;
    width:40px;
    cursor:pointer;
}
.public-DraftEditor-content { 
    max-height:40px;
    overflow-y:hidden;
}